<%@ page language="java" contentType="text/html; charset=US-ASCII"
	pageEncoding="US-ASCII"%>
<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">

<!-- Link ai file CSS -->
<link href="css/gestionesistema.css" rel="stylesheet">
<link href="css/ajaxfileupload.css" rel="stylesheet">
<link href="css/form.css" rel="stylesheet">

</head>
<body>

	<%@include file="headerAmministratore.jsp"%>
	<script type="text/javascript" src="js/homeAmministratore.js"></script>
	<script type="text/javascript" src="js/creazioneEvento.js"></script>
	<script type="text/javascript" src="bootstrap/js/tooltip.js"></script>
	<script type="text/javascript" src="js/ajaxfileupload.js"></script>
	<script type="text/javascript" src="js/uploadEvento.js"></script>
	<script type="text/javascript" src="js/noty/packaged/jquery.noty.packaged.min.js"></script>
	
	
		<form id="create-evento" class="form-horizontal" action="./creazioneEvento" method="post">

			<!-- NOME EVENTO -->
			<div class="form-group">
				<label for="nomeevento" class="col-sm-2 control-label">Nome
					Evento</label>
				<div class="col-sm-6">
					<input type="text" name="EVT_NAME" class="form-control"
						id="nomeevento" placeholder="Inserisci il nome dell'evento"
						required>
				</div> 
			</div>
			<!-- /NOME EVENTO -->

			<!-- DATA INIZIO -->
			<div class="form-group">
				<label for="datainizio" class="col-sm-2 control-label">Data
					Inizio</label>
				<div class="col-sm-6">
					<input type="date" name="EVT_DATA_INIZIO" class="form-control"
						id="datainizio"
						placeholder="Inserisci la data di inzio dell'evento" required>
				</div>
			</div>
			<!-- /DATA INIZIO -->

			<!-- DATA FINE -->
			<div class="form-group">
				<label for="datafine" class="col-sm-2 control-label">Data
					Fine</label>
				<div class="col-sm-6">
					<input type="date" name="EVT_DATA_FINE" class="form-control"
						id="datafine" placeholder="Inserisci la data di fine dell'evento"
						required>
				</div>
			</div>
			<!-- /DATA FINE -->

			<!-- BANDO -->
			<div class="form-group">
				<label for="bando" class="col-sm-2 control-label">Bando</label>
				<div class="col-sm-6">
					<input type="text" name="EVT_BANDO" class="form-control" id="bando"
						placeholder="Inserisci bando" required>
				</div>
			</div>
			<!-- /BANDO -->

			<!-- URL -->
			<div class="form-group" style="position: relative; left:30%;">
				<div class="col-sm-6">
				Seleziona un file:
					<input type="file" name="dataFile" id="fileChooser"/><br/><br/>
					<button type="button" id="allega" class="btn btn-default glyphicon glyphicon-link" value="Upload" onClick="ajaxFileUpload()">
					<span style="font-family: arial">Allega File</span></button>
					<div class="container">
						<div class="success"></div>
					</div>
				</div>
			</div>
			<!-- /URL -->

			<br /> <br /> <br />

			<div class="form-group" style="position: absolute; left: 30%;">
				<button type="reset"
					class="btn btn-default glyphicon glyphicon-remove" onClick = "removeClasses()">
					<span style="font-family: arial"> Annulla</span>
				</button>
				&nbsp; &nbsp;
				<button type="button"  class="btn btn-default glyphicon glyphicon-ok" onClick = "execute()" id="creaEvento">
					<span style="font-family: arial"> Crea</span>
				</button>
			</div>

		</form>
	

	<%@include file="footer.jsp"%>
</body>
</html>